<template>
	<view class="clsshop">
		<view class="clsshop-list">
			<view v-for="(item,index) in shoplist" :key="index" class="item-image">
				<image :src="item.titleImg" mode="" style="width: 50px;height: 50px;"></image>
				<view>{{item.name}}</view>
			</view>
		</view>
	</view>
	<view class="" style="">
		
	</view>
</template>

<script>
	import {
		defineComponent,
		ref
	} from "vue";
	import shopList from '../../untils/shopList.json'
	export default defineComponent({
		setup() {
			let shoplist = ref([])
			shoplist.value = shopList
			console.log(shoplist.value);
			return {
				shoplist
			};
		}
	});
</script>

<style lang="scss" scoped>
	.clsshop {
		width: 100%;
		margin: 0 auto;
		.clsshop-list{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			text-align: center;
			width: 95%;
			margin: 0 auto;
			background-color: white;
			border-radius: 10px;
			padding: 10px 0;
			.item-image{
				width: 70px;
				font-size: 12px;
				image{
					border-radius: 50%;
				}
			}
		}
	}

</style>
